body {
    background: #F0F0F0;
    background: #FFF -moz-linear-gradient(top, #F0F0F0 0%, #F0F0F0 10% #FFF 100%) no-repeat;
    background: #FFF -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(10%,#F0F0F0), color-stop(100%,#FFF)) no-repeat;
    color: #5A5A5A;
    font-family: 'Lucida Sans Unicode', 'Trebuchet Ms', Helvetica, Arial, sans-serif;
    font-size: 14px;
}
input[type=text], input[type=password] {
    background: #FFF;
    background: -moz-linear-gradient(top, #FFF, #F1F1F1 1px, #FFF 5px);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(4%,#F1F1F1), color-stop(75%,#FFF));
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    border: 1px solid #BFBFBF;
    padding: 3px;
    width: 300px;
}
input[type=submit], input[type=cancel], button {
    background: #B7B290;
    background: -moz-linear-gradient(top, #B7B290 0%, #867F54 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B7B290), color-stop(100%,#867F54));
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFF;
    font-weight: bold;
    margin: 0 5px;
    padding: 5px 15px;
}
input[type=submit]:active, input[type=cancel]:active, button:active {
    background: #867F54;
    background: -moz-linear-gradient(top, #867F54 0%, #B7B290 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#867F54), color-stop(100%,#B7B290));
    padding: 6px 15px 4px 15px
}
h2 {
    color: #B37431;
}
a, a:visited, input[type=submit].link, input[type=cancel].link, button.link {
    background: none;
    color: #B37431;
    cursor: pointer;
    font-family: 'Lucida Sans Unicode', 'Trebuchet Ms', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}
table img {
    margin: 0 5px;
    vertical-align: middle;
}
input[type=text]:focus, input[type=password]:focus {
    box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
}  
#header, #head-content, #flashes, #content {
    margin: 0 auto;
    padding: 5px;
    width: 950px;
}

/* HEADER */

#header-wrap {
    background: #727272;
    background: -moz-linear-gradient(top, #727272 0%, #353535 76%, #797979 76%, #797979 78%, #606060 78%, #606060 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727272), color-stop(76%,#353535), color-stop(76%,#797979), color-stop(78%,#797979), color-stop(78%,#606060), color-stop(100%,#606060));
    height: 55px;
}
#header h1, #authentication-bar {
    display: inline-block;
    line-height: 33px;
    width: 50%;
}
#header h1 {
    background: url(/images/yougo-logo.png) no-repeat center left;
    text-indent: 40px;
}
#authentication-bar {
    text-align: right;
}
#header h1, #authentication-bar a, #authentication-bar a:visited {
    color: #ebe0c2;
}
#authentication-bar li {
    color: #FFF;
    display: inline-block;
    padding: 0 0 0 15px;
}

/* TAB BAR */

#tab-bar {
    background: #E3E3D9;
    background: -moz-linear-gradient(top, #E3E3D9 0%, #AAA48A 89%, #938D69 90%, #938D69 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E3E3D9), color-stop(89%,#AAA48A), color-stop(90%,#938D69), color-stop(100%,#938D69));
    border-top: 1px solid #EBEBEB;
    height: 40px;
    text-align: center;
}
#tab-bar ul {
    height: 30px;
    line-height: 30px;
    padding: 10px 0 0 0;
    white-space: nowrap;
}
#tab-bar li {
    background: #7C796D;
    background: -moz-linear-gradient(top, #7C796D 0%, #7C796D 80%, #444 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7C796D), color-stop(80%,#7C796D), color-stop(100%,#444));
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    display: inline-block;
    margin: 0 2px;
    padding: 0 10px;
}
#tab-bar li.active {
    background: #FFFFFF;
    box-shadow: #333 0px 7px 7px;
    -moz-box-shadow: #333 0px 7px 7px;
    -webkit-box-shadow: #333 0px 7px 7px;
}
#tab-bar li a, #tab-bar li a:visited {
    color: #cdd2b9;
    font-size: 14px;
    text-decoration: none;
}
#tab-bar li.active a, #tab-bar li.active a:visited {
    color: #656565;
}
#tab-bar li a:hover {
    color: #FFF;
}
#tab-bar li.active a:hover {
    color: #000;
}

/* HEAD CONTENT */

#head-content-wrap {
    background: #FFF;
    border-bottom: 1px solid #E1E1E1;
    padding: 5px 0 0 0;
    position: relative;
}
#head-content h2, #head-content .options {
    display: inline-block;
    width: 50%;
}
#head-content .options {
    text-align: right;
}
#head-content .options img {
    margin-right: 5px;
    vertical-align: middle;
}
#head-content ul.pages li {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
}

/* FLASHES */

#flashes {
    padding: 0;
}

#flashes div {
    background: #FFFFDF no-repeat 10px center;
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 3px #CCC;
    -moz-box-shadow: 0 1px 3px #CCC;
    -webkit-box-shadow: 0 1px 3px #CCC;
    margin: 10px 0;
    padding: 10px 5px 10px 35px;
}

#flashes .globalError, #flashes .error {
    background-image: url(/sf/sf_admin/images/error.png);
}

#flashes .notice {
    background-image: url(/sf/sf_admin/images/tick.png);
}

/* CONTENT */

#content {
    margin: 0px auto;
    padding: 0 5px 5px 5px;
}

/* LISTING */

table.listing {
    border-collapse: separate;
    margin: 10px 0;
    width: 100%;
}
table.listing thead th {
    background: #C6C1AB;
    background: -moz-linear-gradient(top, #C6C1AB 0%, #A49D83 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C6C1AB), color-stop(100%,#A49D83));
    color: #FFF;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    text-align: left;
    white-space: nowrap;
}
table.listing thead th:first-of-type {
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}
table.listing thead th:last-of-type {
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkitborder-top-right-radius: 5px;
}
table.listing tbody {
    border: 1px solid #CFCFCF;
}
table.listing tr td {
    background: #F8F8F8;
    border-bottom: 1px solid #CFCFCF;
    border-left: 1px solid #CFCFCF;
    border-right: 1px solid #FFF;
    border-top: 1px solid #FFF;
    height:22px;
    line-height:22px;
    padding: 3px 5px;
    vertical-align: middle;
}
table.listing tr td:last-of-type {
    border-right: 1px solid #CFCFCF;
}
table.listing tr:nth-child(2n) td {
    background: #EFEFEF;
    background: -moz-linear-gradient(top, #EFEFEF 0%, #FFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFEFEF), color-stop(100%,#FFF));
}
table.listing tr:hover {
    color: #B37431;
}
table.listing .actions {
    text-align: center;
    width: 70px;
}
table.listing .actions img {
    opacity: 0.5;
}
table.listing tr:hover .actions img {
    opacity: 1;
}

/* CALENDAR */

table.calendar {
    margin: 10px 0;
    width: 100%;
}
table.calendar thead tr:first-of-type th {
    background: #C6C1AB;
    background: -moz-linear-gradient(top, #C6C1AB 0%, #A49D83 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C6C1AB), color-stop(100%,#A49D83));
    border: 1px solid #CFCFCF;
    color: #FFF;
    padding: 5px;
}
table.calendar thead th {
    background: #FFF;
    border: 1px solid #CFCFCF;
    color: #656565;
    padding: 5px;
    vertical-align: middle;
}
table.calendar thead tr.days.number th {
    width: 25px;
}
table.calendar thead tr.days.number th.empty {
    width: auto;
}
table.calendar thead tr td.empty, table.calendar thead tr th.empty {
    border: none;
    background: none;
}
table.calendar tbody {
    border: 1px solid #CFCFCF;
}
table.calendar td {
    background: #EFEFEF;
    background: -moz-linear-gradient(top, #EFEFEF 0%, #FFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFEFEF), color-stop(100%,#FFF));
    border: 1px solid #CFCFCF;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}
table.calendar td.name {
    padding: 0 5px;
}
table.calendar tbody tr:hover {
    color: #B37431;
}
table.calendar .weeks {
    display: none;
}
table.calendar tr td.request a {
    background: #FFFFDF no-repeat 10px center;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    box-shadow: #666 0px 0px 5px;
    -moz-box-shadow: #666 0px 0px 5px;
    -webkit-box-shadow: #666 0px 0px 5px;
    display: inline-block;
    height: 100%;
    width: 100%;
}
table.calendar tr td.request.starts-before a {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
table.calendar tr td.request.ends-after a {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
table.calendar tr td.request.PENDING a {
    background-image: url(/images/question-mark.jpg);
}
table.calendar tr td.request.ACCEPTED a {
    background-image: url(/sf/sf_admin/images/ok.png);
}
table.calendar tr td.request.REFUSED a {
    background-image: url(/sf/sf_admin/images/delete.png);
}

/* FORM TABLE */
form table {
    margin: 10px auto;
}
form table tbody th {
    text-align: right;
}
form table th, form table td {
    height: 23px;
    padding: 5px;
}
form table tfoot td {
    padding: 20px 0 0 0;
    text-align: right;
}

/* FILTER */

#form-filter {
    margin: 10px 0 0 0;
}
#form-filter ul {
    margin-right: 5px;
}
#form-filter ul, #form-filter ul li {
    display: inline-block;
}
#form-filter .reload {
    background: url(/sf/sf_web_debug/images/reload.png) center left no-repeat;
    padding-left: 20px;
}

/* POPUP */

.popup {
    background: #E6E6E6;
    width: 700px;
}
.popup h2 {
    background: #C6C1AB;
    background: -moz-linear-gradient(top, #C6C1AB 0%, #A49D83 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C6C1AB), color-stop(100%,#A49D83));
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkitborder-top-right-radius: 5px;
    color: #FFF;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.popup table {
    margin: 10px auto 0 auto;
    width: 100%;
}
.popup table tfoot td {
    padding: 10px 0;
    text-align: center;
}

/* FOOTER */

#footer {
    background: #333;
    background: -moz-linear-gradient(top, #333 0%, #333 18%, #666 18%, #666 20%, #555 20%, #111 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(18%,#333), color-stop(18%,#666), color-stop(20%,#666), color-stop(20%,#555), color-stop(100%,#111));
    color: #E4E3BF;
    font-size: 12px;
    height: 20px;
    padding: 15px 0 0 0;
    position: relative;
    text-align: center;
}

/* DATE PICKER */

#ui-datepicker-div {
    font-size: 12px;
}
#ui-datepicker-div .ui-widget-header {
    background: #333;
    border: none;
}
.ui-datepicker-trigger {
    margin-left: 5px;
}